import Vue from 'vue'
import App from './App.vue'
import router from './router'
// import store from './store'
import axios from 'axios'
// 导入Element相关文件
import './plugins/element.js'

Vue.config.productionTip = false
Vue.prototype.$axios = axios
    // 配置请求的根路径
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'

new Vue({
    router,
    // store,
    render: function(h) { return h(App) }
}).$mount('#app')



//1.axios的基本使用
// axios({
//         //只写一个Url,默认get请求
//         // url: 'httpbon.org/',
//         // url: 'http://123.207.32.32:8000/home/data?type=pop&page=1',
//         methods: 'get',
//         url: 'http://123.207.32.32:8000/home/multidata',
//     }).then(res => {
//         console.log(res);
//     })


// axios({
//     url: 'http://123.207.32.32:8000/home/data',
//     //params专门针对get请求的参数拼接
//     params: {
//         type: 'sell',
//         page: 1
//     }
// }).then(res => {
//     console.log(res);
// })



//2.axios的并发请求
// axios.all([
//         axios({
//             url: 'http://123.207.32.32:8000/home/multidata',
//         }),
//         axios({
//             url: 'http://123.207.32.32:8000home/data',
//             params: {
//                 type: 'sell',
//                 page: 1
//             }
//         })
//     ])
//     //     .then(results => {
//     //     console.log(results);
//     //     console.log(result[0]);
//     //     console.log(result[1]);
//     // })
//     .then(axios.spread((res1, res2) => {
//         console.log(res1);
//         console.log(res2);
//     }));



// 3.使用全局的axios(全局配置)对应的网络请求
//---------（公共）默认配置
// axios.defaults.baseURL = 'http://123.207.32.32:8000';
// //网络请求的时间不能超过5s
// axios.defaults.timeout = 5000;

// axios.all([
//         axios({
//             // baseURL = 'http://123.207.32.32:8000',
//             // timeout = 5000;
//             url: '/home/multidata',
//         }),
//         axios({
//             url: 'home/data',
//             params: {
//                 type: 'sell',
//                 page: 1
//             }
//         })
//     ])
//     //     .then(results => {
//     //     console.log(results);
//     //     console.log(result[0]);
//     //     console.log(result[1]);
//     // })
//     .then(axios.spread((res1, res2) => {
//         console.log(res1);
//         console.log(res2);
//     }));



// 4.创建对应的axios实例
// const instance1 = axios.create({
//     baseURL: 'http://123.207.32.32:8000',
//     timeout: 5000,
// });

// instance1({
//     url: '/home/multidata'
// }).then(res => {
//     console.log(res);
// })

// instance1({
//     url: '/home/data',
//     params: {
//         type: 'pop',
//         page: 1
//     }
// }).then(res => {
//     console.log(res);
// })


// const instance2 = axios.create({
//     baseURL: 'http://123.31.33.33:8000',
//     timeout: 10000,
//     headers: {}
// })



//5.封装request模块


// import { request } from './network/request'
// request({
//     url: '/home/multidata',
// }).then(res => {
//     console.log(res);
// }).catch(err => {
//     console.log(err);
// })



// import { request } from './network/request'
// request({
//     baseConfig: {
//         url: '/home/multidata',
//     },
//     success: function(res) {
//         console.log(res);
//     },
//     failure: function(err) {
//         console.log(err);
//     },
// })


// import { request } from './network/request'
// request({
//     url: '/home/multidata',
// }, (res) => {
//     console.log(res);
// }, (err) => {
//     console.log(err);
// })